.mine {
  position: relative;
  height: 100vh;
  background: #eeeeee7c;
  padding: 120rpx 36rpx 0;
  .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 380rpx;
  }
  .bgImage {
    width: 100%;
  }
  .mine-header {
    background: #fff;
    border-radius: 24rpx;
    display: flex;
    padding: 32rpx 32rpx 30rpx;
    position: relative;
    z-index: 2;
    .mine-info {
      padding: 30rpx;
    }
    .name {
      font-weight: bold;
      padding: 0 30rpx 30rpx 0;
      font-size: 30rpx;
    }
    .counts {
      display: flex;
      .item {
        margin-right: 50rpx;
        .count {
          font-weight: bold;
          font-size: 38rpx;
          text-align: center;
        }
      }
    }
  }
  .mine-content {
    margin-top: 42rpx;
    background: #fff;
    padding: 36rpx;
    .title {
      font-weight: bold;
      font-size: 36rpx;
    }
    .actionList {
      display: flex;
      flex-wrap: wrap;
      .actionItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 25%;
        margin-top: 40rpx;
        .actionItem-icon {
          width: 80rpx;
          height: 80rpx;
          border-radius: 50%;
          background: #eeeeee7c;
          margin-bottom: 10rpx;
        }
      }
    }
  }
}
